object-fit CSS property to really fit an image to a BOX

Created: 2022-10-10

To really fit an image in the box
You can use

img {
    height: 100%;
    width: 100%;
    object fit: cover;
}
Copy

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

More values

• contain
• fill